<template>
  <div>
    <div slot="header">
      <Header />
    </div>
    <van-button @click="openIndicator">按钮</van-button>
    <van-button @click="closeIndicator">按钮</van-button>
    <van-row>
      <van-col span="8">{{$store.state.user}}</van-col>
      <van-col span="8">span: 8</van-col>
      <van-col span="8">span: 8</van-col>
    </van-row>

    <div slot="footer">
      <Footer :active-value="0" />
    </div>
  </div>
</template>

<script>
import { Toast } from 'vant'
import Header from '@/components/header/HeaderHome'
import Footer from '@/components/footer/Footer'
export default {
  name: 'Home',
  components: {
    Header, Footer
  },
  methods: {
    openIndicator() {
      Toast.loading({
        duration: 0,
        message: '加载中...',
        forbidClick: false
      })
    },
    closeIndicator() {
      Toast.clear()
    }
  }
}
</script>

<style scoped lang="stylus">
.svg-icon
  width 1em
  height 1em
  vertical-align -0.15em
  fill currentColor
  overflow hidden
</style>
